<!--  -->
<template>
  <el-drawer title="版本更新详情" v-model="drawer" :before-close="handleClose">
    <el-timeline style="padding: 10px">
      <el-timeline-item :timestamp="item.time" placement="top" v-for="(item, index) in versionDetails" :key="index">
        <el-card>
          <h3 style="margin-bottom: 5px">{{ item.title }}</h3>
          <p v-for="(text, index) in item.context" :key="index" style="margin-bottom: 5px">
            {{ `${index + 1}. ${text}` }}
          </p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </el-drawer>
</template>

<script>

export default {
  name: 'versionDialog',
  components: {},
  data() {
    return {
      drawer: false,
    }
  },
  computed: {},
  watch: {},
  created() { },

  methods: {
    //打开弹窗
    openDialog() {
      this.drawer = true
    },
    handleClose(done) {
      done()
    },
  },
}
</script>
<style lang="less" scoped>
.el-drawer__header {
  font-size: 16px;
}
</style>
